Nexus UI

Master Component Demo v0.1

1. Typography & Utilities

Headings

Heading XL

Heading L

Heading M

Heading S

Utility Classes

.text-success (Operation Successful)

.text-error (Critical Failure)

.text-warning (Action Required)

.text-info (Updates Available)

.text-muted (Secondary information)

.text-helper (Caption text 0.75rem)

.text-xs (Legal text 0.65rem)

2. Buttons

Sizing (T-Shirt Scale)

Variants & States

With Icons

3. Inputs & Forms

Input Types

Alignment & Read-Only

NXS-8829-2210-XKLA

Value uses a distinct font weight from the label.

4. Controls

Checkboxes

Radios

Toggles

5. Accordion

Interactive component powered by nexus.bundle.js. Try clicking the headers.

Import the CSS and JS files. Add data-nxs-component="accordion" to the wrapper. The JS handles the rest.

6. Icons

Btn Icon
Small
Disabled